{% extends "index.html" %}

{% block css %}
<link href="/media/css/smoothness/ui-all.css" type="text/css" rel="stylesheet">
<link href="/media/css/jquery.treeview.css" type="text/css" rel="stylesheet">
<style type="text/css">
img {border:0px;}
.icon {width:15px; height:15px;}
.dir {font-size:14px;}

#leftblock {float:left; width:300px; min-height:400px; overflow:auto;}
	#tree {margin:0; padding:0;}
	#treecontroler {padding-left:5px;}
	#tree a {padding: 0 2px; color:#FEE044;}
#centerblock {float:left; width:370px; min-height:400px; overflow:auto; margin-left:10px;}
	#display {padding:10px 0;}
	#display a {padding: 0 2px; color:#FEE044;}
#rightblock {float:right; width:300px; min-height:400px; overflow:auto;}
	#rightblock a {color:#FEE044; line-height:19px;}
	.row1 {background:#111111; overflow:hidden; padding:10px;}
	.row2 {background:#555555; overflow:hidden; padding:10px;}
	.pd_top3 {padding-top:3px;}
</style>
{% endblock %}

{% block js %}
<script src="/media/js/jquery.js" type="text/javascript" ></script>
<script src="/media/js/jquery-ui.js" type="text/javascript" ></script>
<script src="/media/js/jquery.treeview.js" type="text/javascript" ></script>
<script src="/media/js/fav_index.js" type="text/javascript" ></script>
<script src="/media/js/common.js" type="text/javascript" ></script>
{% endblock %}

{% block container %}
<bookmarks>
{% for obj in objs %}
	<bookmark key="{{ obj.key }}" title="{{ obj.title }}" url="{{ obj.url }}" paren_key="{{ obj.paren_key }}" is_dir="{{ obj.is_dir }}" ></bookmark>
{% endfor %}
</bookmarks>

<div id="leftblock">
	<ul id="tree">
		<li>
			<div class="l">
				<span class="dir" >我的收藏夹</span>
				<a href="#" onclick="openDialog('/favorite/save/?parent=&is_dir='); return false;" ><img title="添加链接" class="icon" src="/media/images/icon_addlink.png" /></a>
				<a href="#" onclick="openDialog('/favorite/save/?parent=&is_dir=false'); return false;" ><img title="添加文件夹" class="icon" src="/media/images/icon_adddir.png" /></a>
			</div>
			<div id="treecontroler" class="l">
				<a href="#" onclick="return false;"><img title="合起" class="icon" src="/media/images/arrow-up.png" /></a>
				<a href="#" onclick="return false;"><img title="展开" class="icon" src="/media/images/arrow-down.png" /></a>
				<a href="#" onclick="return false;"></a>
			</div>
			<div class="c"></div>
		</li>
	</ul>
	<div id="dialog">
		<iframe id="frm" src="" frameborder="0" style="width:99%; height:99%; border:1px solid #CCCCCC;" ></iframe>
	</div>
</div>

<div id="centerblock">
	<div>
		搜索书签：
		<input type="text" id="id_query" name="query" style="width:250px;" >
	</div>
	<div id="display" style="width:100%; height:900px; overflow:hidden;" >
	</div>
</div>

<div id="rightblock">
</div>

<div class="c"></div>
{% endblock %}